<template>
  <div class="page">
    <!-- navbar -->
    <div style="height: 44px;display: flex;align-items: center;justify-content: space-between;padding: 0 12px;">
      <i class="Icon" style="width: 44px;height: 44px;line-height: 44px;font-size: 20px;"
        @click="backHandle()">arrow_back_ios_new</i>
    </div>
    <div class="body">
      <div style="font-size: 26px;">我的伙伴</div>
      <!-- list -->
      <van-swipe-cell v-for="(item,idx) in 3" :key="idx"
        style="padding:12px;padding-right: 0;border-bottom: 1px solid #ebebeb;">
        <div style="font-size: 14px;font-weight: bold;">Jeking</div>
        <div style="font-size: 12px;color: #00c197;margin-top: 3px;">正在选餐</div>
        <template #right>
          <van-button square text="删除" type="danger" />
        </template>
      </van-swipe-cell>

    </div>
  </div>
</template>

<script>
  export default {
    mounted() { },
    data() {
      return {};
    },
    methods: {
      backHandle() {
        this.$router.go(-1);
      }
    },
  };
</script>


<style scoped>
  .page {
    flex: 1;
    background-color: #fff;
    display: flex;
    flex-direction: column;
  }

  .body {
    flex: 1;
    padding: 0 12px;
  }
</style>